<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<canvas id="myCanvas" width="1400" height="600"></canvas>
		<script type"text/javascript">
			
			var canvas=document.getElementById("myCanvas");
			var ctx=canvas.getContext("2d");
			
			var acrArr=[
//				[100,100,15,5,0,"#FEE656"],	
//				[100,100,15,15,0,"#BCBCBC"],
//				[100,100,15,5,15,"#02F3F7"],
			];
			setInterval(function(){
				for(var i=0;i<40;i++){
					var vx=Math.random()*10+1;
					if(Math.random()>0.5){
						vx=-vx;
					}
					var vy=Math.random()*15+10;
					var r=parseInt(Math.random()*256);
					var g=parseInt(Math.random()*256);
					var b=parseInt(Math.random()*256);
//				 x,y,r,vx,xy
				acrArr.push([700,500,8,vx,-vy,"rgb("+r+","+g+","+b+")"]);	
				}											
			},1000);
			setInterval(function(){
				ctx.fillStyle="rgba(250,213,217,0.4)";
				ctx.fillRect(0,0,1400,600);
				for (var i=0;i<acrArr.length;i++) {
					
				
				ctx.beginPath();
				ctx.fillStyle=acrArr[i][5];
//				var arcX=acrArr[0][0];
//				var arcY=acrArr[0][1];
//				var arcR=acrArr[0][2];
//				var arcVX=acrArr[0][3];
//				var arcVY=acrArr[0][4];
				ctx.arc(acrArr[i][0],acrArr[i][1],acrArr[i][2],0,2*Math.PI);
				ctx.fill();
				acrArr[i][0]=acrArr[i][0]+acrArr[i][3];
				acrArr[i][1]=acrArr[i][1]+acrArr[i][4];
				acrArr[i][2]=acrArr[i][2]-Math.random()*0.1;
				acrArr[i][4]=acrArr[i][4]+0.5;
				if (acrArr[i][2]<Math.random()*5) {
//					i=第i个（自身),1=i后第1个
					acrArr.splice(i,1);
				}
				if(acrArr[i][1]>=600-acrArr[i][2]){
					acrArr[i][4]=-acrArr[i][4];
					acrArr[i][4]=acrArr[i][4]*0.5;
					acrArr[i][1]=600-acrArr[i][2];					
				}
//				if(acrArr[i][0]>=1400-acrArr[i][2]){
//					acrArr[i][3]=-acrArr[i][3];
//					acrArr[i][3]=acrArr[i][3]*0.8;
//					acrArr[i][0]=1400-acrArr[i][2];					
//				}
//				if(acrArr[i][0]<acrArr[i][2]){
//					acrArr[i][3]=-acrArr[i][3];
//					acrArr[i][0]=acrArr[i][2];					
//				}
				}
			},30)
		
		</script>
	</body>
</html>
